<!doctype html>
<html>

<head>
    <meta http-equiv="Content-Type" content="text/html;
charset=utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>礼物推荐网</title>
    <script type="text/javascript" src="js/jquery-3.3.1.min.js"></script>
    <script>
        $(function() {
            var user;
            if (sessionStorage.getItem("user") != "") {
                user = JSON.parse(sessionStorage.getItem("user"));
            }
            if (user != null) {
                $('.dr').hide();
                $('.name').show();
                $('.name').find('a').html('欢迎 ' + user.quanxian + user.name + '!');
                $('.tuichu').show();
                $('.tuichu').click(function() {
                    sessionStorage.setItem("user", null);
                    user = null;
                    $('.dr').show();
                    $('.name').hide();
                    $('.tuichu').hide();
                });
            }
        })
    </script>
    <style type="text/css">
        * {
            margin: 0;
            padding: 0;
        }
        /*导航栏*/
        
        body {
            background: #EEE;
            font-size: 13px;
            margin: 0 auto;
        }
        
        #bg {
            background: #FFFFFF;
            width: 100%;
            height: 56px;
            margin: 0 auto;
            position: fixed;
            /*固定作用*/
            top: 0px;
            left: 0px;
        }
        
        nav {
            height: 28px;
            width: 100%;
            margin: 0 640px;
            text-align: center;
        }
        
        nav ul li {
            list-style-type: none;
            float: left;
            margin: 0 auto;
            transition: 1s;
        }
        
        nav ul li a {
            text-decoration: none;
            display: block;
            width: 120px;
            line-height: 56px;
            text-align: center;
            color: #000000;
            font-family: 微软雅黑;
            font-size: 14px;
            white-space: nowrap;
        }
        
        nav ul li ul li {
            float: none;
        }
        /* 二级页面字体颜色*/
        
        nav ul li ul li a {
            font-size: 14px;
            color: #FFFFFF;
        }
        
        nav ul li a:hover {
            background: #FB3D40;
            color: #FFFFFF;
        }
        /*二级页面背景颜色*/
        
        nav ul li ul {
            background: #2A2828;
            display: none;
        }
        
        nav ul li:hover ul {
            display: block;
        }
        /*主图*/
        
        .one {
            margin: 0 0;
            width: 100%;
            height: 432px;
            background: url("imges/大图1.png") center 24px no-repeat;
            background-size: 100%;
        }
        
        .one a img {
            margin: 231px 0px 0px 222px;
            /*left:278px;
			top:289px;*/
        }
        /*主体*/
        
        .content {
            width: 74%;
            height: 800px;
            margin: 5em auto;
        }
        
        .content_one {
            margin-top: 2em;
        }
        
        .content_oneone {
            float: left;
            margin-left: 7%;
        }
        
        .content_twotwo {
            float: left;
            margin-left: 18%;
            margin-top: 7%;
        }
        
        .box_one {
            width: 280px;
            height: 304px;
            background: #FFFFFF;
            /*border: #E5484A 1px solid;*/
            border-radius: 10px;
        }
        
        .box_one dd {
            margin: 12px 8px 0px 6.4px;
            float: left;
        }
        
        .font_one {
            font-size: 13.5px;
            color: #6C6464;
            margin: 16px 8px 4px 8px;
        }
        
        .font_two {
            font-size: 16px;
            letter-spacing: 6.4px;
            margin: 5px 8px 0px 28px;
        }
        
        .cebian {
            border-right: 1px #F9797B solid;
            float: left;
        }
        
        .two {
            margin: 0 0;
            width: 100%;
            height: 554px;
            background: url("imges/星河不及.jpg") no-repeat;
            background-size: 100%;
            border-radius: 20px;
        }
        
        .xinghe1 {
            float: left;
            margin: 80px 0px 0px 15%;
        }
        
        .xinghe2 {
            left: 400px;
            top: 100px;
            float: left;
            margin: 80px 0px 0px 80px;
        }
        
        .xinghe3 {
            left: -200px;
            top: 375px;
            float: left;
            margin: 300px 0px 0px -480px;
        }
        
        .xinghe4 {
            left: -160px;
            top: 375px;
            float: left;
            margin: 300px 0px 0px -224px;
        }
        
        .xinghe1:hover {
            background: #F30408;
        }
        
        .xinghe2:hover {
            background: #F30408;
        }
        
        .xinghe3:hover {
            background: #F30408;
        }
        
        .xinghe4:hover {
            background: #F30408;
        }
        
        .content_one1:hover {
            background: #F81014;
        }
        
        .liuyan>a {
            color: #000;
            text-decoration: none;
        }
        
        .liuyan {
            width: 76%;
            height: 400px;
            margin: 5em auto;
        }
        
        .liuyan_oneone {
            background: url("imges/留言板背景.jpg") no-repeat;
            padding: 20px;
            margin: 20px 0px 0px 16.8px;
            width: 328px;
            height: 120px;
            float: left;
            border-radius: 5px;
        }
        
        .liulan_oneone dt {
            width: 120px;
            float: left;
        }
        
        .liulandt {
            width: 88px;
            float: left;
            margin-top: 10px;
        }
        
        .liulandd {
            width: 240px;
            float: left;
        }
        
        .liulandd h3 {
            font-size: 20px;
            margin-top: 4px;
        }
        
        .liulandd p {
            line-height: 32px;
            font-size: 14.4px;
            margin-top: 8px;
            color: #7A7272;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
            overflow: hidden;
        }
        
        .liulan_oneone dd {
            width: 240px;
            float: left;
        }
        
        .logo {
            float: left;
            margin-top: -15px;
            margin-left: 200px;
        }
        
        .foot {
            width: 100%;
            height: 280px;
            margin: 0 auto;
            background: #FFFFFF;
            color: #423B3C;
        }
        
        .foot ul {
            float: left;
            margin: 20px 0px 0px 12%;
            width: 130px;
            line-height: 30px;
        }
        
        .bq {
            width: 240px;
            margin-top: 10px;
        }
        
        .foot_1 {
            font-size: 20px;
            display: block;
            margin: 10px auto;
        }
        
        .h1 {
            margin: 0px 0px 20px 200px;
        }
        
        .visited {
            background: #FB3D40;
        }
    </style>
</head>

<body>


    <div id="bg">
        <img class="logo" src="imges/logo.png" width="216px"></img>
        <nav>
            <ul>

                <li class="visited">
                    <a href="index.html">
                        <font color="#FFFFFF">首页</font>
                    </a>

                </li>
                <li><a href="#">送给谁∨</a>
                    <ul>
                        <li><a href="menu_01.html">家人师长</a></li>
                        <li><a href="menu_02.html">挚友同学</a></li>
                        <li><a href="menu_03.html">商务职场</a></li>

                    </ul>
                </li>
                <li><a href="menu_04.html">男友礼物</a>

                </li>
                <li><a href="menu_05.html">女友礼物</a>

                </li>
                <li>
                    <a href="menu_06.html">发现礼物</a>

                </li>
                <li><a href="aboutUs.html">关于我们</a>

                </li>
                <li><a href="liuyan.html">留言建议</a></li>
                <li class="dr"><a href="login.html">登录注册</a></li>
                <li class="name" style="display: none;">
                    <a href="#"></a>
                </li>
                <li class="tuichu" style="display: none;"><a href="#">退出</a></li>
            </ul>
        </nav>
    </div>



    <div class="one"></div>



    <div class="content">
        <h1>今日精选</h1>
        <div class="content_one">
            <div class="content_oneone">
                <div class="cebian"><img src="imges/侧边.jpg" width="20px" height="296"></div>
                <dl class="box_one">
                    <dt><span class="font_one">小礼推荐</span>
						<p class="font_two">送给音乐爱好者的礼物</p>
					</dt>
                    <dd>
                        <a class="content_one1" href="product_01.html" target="_blank"><img src="imges/主体1.jpg" width="240px"></a>
                    </dd>
                </dl>
            </div>
            <div class="content_oneone">
                <div class="cebian"><img src="imges/侧边.jpg" width="20px" height="296"></div>
                <dl class="box_one">
                    <dt><span class="font_one">小礼推荐</span>
						<p class="font_two">温暖又百搭的围巾礼物</p>
					</dt>
                    <dd>
                        <a class="content_one1" href="product_02.html" target="_blank"><img src="imges/主体2.jpg" width="240px"></a>
                    </dd>
                </dl>
            </div>
            <div class="content_oneone">
                <div class="cebian"><img src="imges/侧边.jpg" width="20px" height="296"></div>
                <dl class="box_one">
                    <dt><span class="font_one">小礼推荐</span>
						<p class="font_two">好看又实用的日历推荐</p>
					</dt>
                    <dd>
                        <a class="content_one1" href="product_03.html" target="_blank"><img src="imges/主体3.jpg" width="240px"></a>
                    </dd>
                </dl>
            </div>
        </div>
        <div class="content_two">
            <div class="content_twotwo">
                <div class="cebian"><img src="imges/侧边.jpg" width="20px" height="296"></div>
                <dl class="box_one">
                    <dt><span class="font_one">小礼推荐</span>
						<p class="font_two">小众饰品礼物大赏</p>
					</dt>
                    <dd>
                        <a class="content_one1" href="product_04.html" target="_blank"><img src="imges/主体4.jpg" width="240px"></a>
                    </dd>
                </dl>
            </div>
            <div class="content_twotwo">
                <div class="cebian"><img src="imges/侧边.jpg" width="20px" height="296"></div>
                <dl class="box_one">
                    <dt><span class="font_one">小礼推荐</span>
						<p class="font_two">圣诞树礼物推荐</p>
					</dt>
                    <dd>
                        <a class="content_one1" href="product_05.html" target="_blank"><img src="imges/主体5.jpg" width="240px"></a>
                    </dd>
                </dl>
            </div>
        </div>

    </div>
    <h1 class="h1">好物推荐</h1>
    <div class="two">
        <div class="xinghe1">
            <a href="product_06.html" target="_blank"><img src="imges/星河不及1.jpg" width="480px" /></a>
        </div>
        <a class="xinghe2" href="product_06.html" target="_blank"><img src="imges/星河不及2.jpg" width="480px" /></a>
        <a class="xinghe3" href="product_06.html" target="_blank"><img src="imges/星河不及3.jpg" width="224px" /></a>
        <a class="xinghe4" href="product_06.html" target="_blank"><img src="imges/星河不及4.jpg" width="224px" /></a>
    </div>
    <div class="liuyan">
        <a href="liuyan.html">
            <h1>留言版块</h1>
        </a>
        <div class="liulan_one">
            <div class="liuyan_oneone">
                <dt class="liulandt"><img src="imges/网友头像3.jpg" width="80px" /></dt>
                <dd class="liulandd">
                    <h3>努力更新哈</h3>
                    <p>哈哈好久没来了，一下子不太习惯，现在终于回来了，还是喜欢漫无目的的游逛嘿嘿！</p>
                </dd>
            </div>
            <div class="liuyan_oneone">
                <dt class="liulandt"><img src="imges/网友头像2.jpg" width="80px" /></dt>
                <dd class="liulandd">
                    <h3>礼物很棒哦</h3>
                    <p>每次想送礼，已经习惯了来这里逛逛，现在平时也会来逛一逛，谢谢小编推荐</p>
                </dd>
            </div>
            <div class="liuyan_oneone">
                <dt class="liulandt"><img src="imges/网友头像1.jpg" width="80px" /></dt>
                <dd class="liulandd">
                    <h3>多多更新</h3>
                    <p>终于翻到我了，啥都不说了，挺喜欢改版后的新攻略，要加油更新哦，别枉费</p>
                </dd>
            </div>
        </div>

        <div class="liulan_two">
            <div class="liuyan_oneone">
                <dt class="liulandt"><img src="imges/网友头像6.jpg" width="80px" /></dt>
                <dd class="liulandd">
                    <h3>嘿嘿嘿嘿</h3>
                    <p>看到你们还在努力更新，我这个老粉真的太激动了，攻略也变好看了呢，多写一点哦，加油</p>
                </dd>
            </div>
            <div class="liuyan_oneone">
                <dt class="liulandt"><img src="imges/网友头像5.jpg" width="80px" /></dt>
                <dd class="liulandd">
                    <h3>页面很舒服</h3>
                    <p>最近更新比以前多了一点，要多更新哦，每天更新的不够刷呢~对哦，榜单</p>
                </dd>
            </div>
            <div class="liuyan_oneone">
                <dt class="liulandt"><img src="imges/网友头像4.jpg" width="80px" /></dt>
                <dd class="liulandd">
                    <h3>加油，很棒</h3>
                    <p>希望网站能够越办越好！嘿嘿，加油，推荐的礼物亲民一点奥，小老弟。</p>
                </dd>
            </div>
        </div>

    </div>

    <div class="foot">
        <ul type="none"><span class="foot_1">关于我们</span>
            <li>制作人员</li>
            <li>通讯</li>
            <li>常见问题</li>
        </ul>
        <ul type="none"><span class="foot_1">法律条款</span>
            <li>使用条款</li>
            <li>条款与条件</li>
            <li>隐私</li>
            <li>版权</li>
            <li>用户须知</li>

        </ul>
        <ul type="none"><span class="foot_1">企业</span>
            <li>企业地址</li>
            <li>相关版权</li>
            <li>福利采购</li>
        </ul>
        <ul type="none">
            <li><img src="imges/logo.png" width="230px"></li>
            <li class="bq">版权所有&copy;2022 礼物推荐网 营业执照 公司地址：商丘市梁园区商丘师范学院31号楼435室</li>
        </ul>
    </div>


</body>

</html>